@charset 'UTF-8';
$picURL: "../../../pic";
$unit:rem;
$base:75;
@function units($number){
    @return $number/$base#{$unit};
}

* {
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html{
	color:#6e6e6e;
	background:#e8e8ee;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{
	margin:0;
	padding:0
}
input,select,textarea{
	font-size:100%
}
table{
	border-collapse:collapse;
	border-spacing:0
}
fieldset,img {
	border:0
}
abbr,acronym {
	border:0;
	font-variant:normal
}
del {
	text-decoration:line-through
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:500
}
ol,ul {
	list-style:none
}
caption,th {
	text-align:left
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:500
}
q:after,q:before {
	content:''
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-.5em
}
sub {
	bottom:-.25em
}
a,ins {
	text-decoration:none
}
html {
	-webkit-tap-highlight-color:transparent
}
body,html {
	font-family:sans-serif
}
body {
	font-family: 微软雅黑;
	font-size:.6rem
}

img {
	width: 100%;
}

.zh-nav {
	position:fixed;
	z-index: 999;
	right: 0;
	bottom: 0;
	height: units(140);
	width: 100%;
	line-height: units(140);
	background: url(#{$picURL}/menus_bg.png) repeat-x;
	background-size: contain;
	ul {
		overflow:hidden;
		li {
			float: left;
			width: 25%;
			height: units(140);
			text-align: center;
			a{
				color:#6e6e6e;
			}
			.currents {
				.nav{
					color: #f1464e;
				}  
			}
			.nav {
				font-size: units(26);
				font-weight: 500;
			}
		}
		.icn {
			width: units(40);
			height: units(40);
			margin: auto;
		}
	}
}
.zh-menu {
	z-index: 998;
	position:fixed;
	right:0;
	top:0;
	height: units(90);
	line-height: units(86);
	width: 100%;
	background: #fff;
	border: 1px solid #e8e8e8;
	ul {
		.currents {
			height: units(90);
			border-bottom:4px solid #f1464e;
			a {
				color:#f1464e;
			}
		}
		.zhuan {
			background: url(#{$picURL}/zhuan.png) no-repeat center;
		}
		.zhuan-currents {
			height: units(90);
			border-bottom:4px solid #f1464e;
			span {
				display: inline-block;
				min-width: 10px;
				padding:units(8) units(20);
				line-height: 1;
				text-align: center;
				white-space: nowrap;
				vertical-align: baseline;
				background-color: #f1464e;
				border-radius: 50px;
				color:#fff;
			}
			a {
				color:#f1464e;
			}
		}
		li {
			float: left;
			width: 25%;
			text-align: center;
			font-size: units(24);
			span {
				display: inline-block;
				min-width: 10px;
				padding:units(8) units(20);
				line-height: 1;
				text-align: center;
				white-space: nowrap;
				vertical-align: baseline;
				background-color: #efeff4;
				border-radius: 50px;
			}
			a {
				display: inline-block;
				color:#6e6e6e;
			}
		}
	}
}
